<template>
  <div id="app">
    <router-view></router-view>
    <NavList v-show="navArr.includes(this.$route.path)"></NavList>
  </div>
</template>

<script>
import NavList from "./components/NavList.vue"
export default {
  data() {
    return {
      navArr: ["/home", "/category", "/cart", "/my"]
    }
  },
  components: {
    NavList
  },
  mounted() {
    console.log(this)
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

#app {
  margin-bottom: 2rem;
}
</style>

